From f20ebd5bdd1a52f3824048cd9bb1145c714623e2 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Wed, 10 Jan 2024 08:21:12 -0500
Subject: Improve design for expense list

---
 src/app/groups/[groupId]/expenses/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/app/groups/[groupId]/expenses/page.tsx')

diff --git a/src/app/groups/[groupId]/expenses/page.tsx b/src/app/groups/[groupId]/expenses/page.tsx
index 2a1ac5f..c9b5a8a 100644
--- a/src/app/groups/[groupId]/expenses/page.tsx
+++ b/src/app/groups/[groupId]/expenses/page.tsx
@@ -30,15 +30,15 @@ export default async function GroupExpensesPage({
 
   return (
     <>
-      <Card className="mb-4">
+      <Card className="mb-4 rounded-none -mx-4 border-x-0 sm:border-x sm:rounded-lg sm:mx-0">
         <div className="flex flex-1">
-          <CardHeader className="flex-1">
+          <CardHeader className="flex-1 p-4 sm:p-6">
             <CardTitle>Expenses</CardTitle>
             <CardDescription>
               Here are the expenses that you created for your group.
             </CardDescription>
           </CardHeader>
-          <CardHeader>
+          <CardHeader className="p-4 sm:p-6">
             <Button asChild size="icon">
               <Link href={`/groups/${groupId}/expenses/create`}>
                 <Plus />
-- 
cgit v1.3

